/* 导航栏 */
#header{
    width:100%;
    height:40px;
    background-color:#333333;
}
.header-con{
    width:1226px;
    height:40px;
    margin:0 auto;
    display: flex;
    align-items: center;
}
.header-con ul{
    width:1226px;
    height:40px;
    display: flex;
   /*  align-items: center; */
   line-height: 40px;
}
.header-con ul li{
    padding:0 7px;
    background:url(../images/1.png) no-repeat right center
}
.header-con ul li:first-child{
    padding:0 7px 0 0;
}
/* .header-con ul li:nth-child(13){
    background: none;
    padding:0 160px 0 7px;
} */
/* .header-con ul li:nth-child(14) */.header-con  ul .loginUser{
    /* background: none; */
    width:80px;
    text-align:right;
    padding:0 7px 0 116px;
}
.header-con ul li:nth-child(16){
    background: none;
    padding:0 25px 0 7px;
}
.header-con ul li:nth-child(17){
    background: none;
    width:120px;
    height:40px;
    line-height:40px;
    text-align: center;
    background-color:#424242;
}
.header-con ul li a{
    color:#b0b0b0;
    font-size:12px;
}
.header-con ul li :hover{
    color:#fff;
}
.header-con ul li i{
    font-size:12px !important;
    color:#b0b0b0;
}

/* 头部导航 */
#nav{
    width:100%;
    height:100px;
    background-color:#fff;
}
.nav-con{
    width:1226px;
    height:100px;
    margin:0 auto;
    display: flex;
    align-items: center;
}
.nav-con img{
    width:56px;
    height:56px;
}
.nav-con ul{
    display: flex;
}
.nav-con ul li{
    padding:0 10px;
}
.nav-con ul li a{
    font-size:16px;
    color:#000;
}
.nav-con ul li:first-child{
    padding:0 19px 0 187px;
}
.nav-con ul li:last-child{
    padding:0 32px 0 10px;
}
#like{
    width:247px;
    height:50px;
}
#like ol{
    width:246px;
    height:240px;
    border: 1px solid #FF7F00;
    overflow: hidden;
    display: none;
    z-index: 120;
    position: relative;
    background: #fff;
    border-top:none;
}
#like ol li{
    width:247px;
    height:30px;
    text-indent: 10px;
    cursor: pointer;
    line-height: 30px;
}
#like ol li:hover{
    background: #f5f5f5;
}
#like input{
    width:247px;
    height:48px;
    border:1px solid #ccc;
    display: flex;
    justify-content: flex-end;
    outline: none;
    border-right:none;
    text-indent: 10px;
}
.nav-con>input{
    width:50px;
    height:48px;
    border:1px solid #ccc;
   /*  border-left:none; */
    outline: none;
}
#like input::-webkit-input-placeholder{
    text-indent: 10px;
}
.nav-con>input::-webkit-input-placeholder{
    text-align: center;
    font-size: 18px;
}

/* 商品轮播图 */
#banner{
    width:100%;
    height: 460px;
    background-color:#fff;
}
.banner-con{
    width:1226px;
    height:460px;
    margin:0 auto;
    display: flex;
}
.banner-con .leftBox{
    width:234px;
    height:460px;
    background-color:#6a7f8c;
}
.banner-con .leftBox ul li{
    font-size:12px;
    color:#fff;
    width:234px;
    height:42px;
    line-height: 42px;
}
.banner-con .leftBox ul li span{
    padding-left:30px;
}
.banner-con .leftBox ul li:first-child{
    padding:20px 0 0 0px;
}
.banner-con .leftBox ul li i{
    font-size:12px !important;
    float:right;
    padding-right:20px; 
}
.banner-con .rightBox{
    width:992px;
    height:460px;
    /* background-color:red; */
}
/* .banner-con .rightBox img{
    width:992px;
    height:460px;
} */
/* 小米服务 */
#ser{
    width:100%;
    height:170px;
    margin-top:14px;
    margin-bottom:26px;
}
.ser-con{
    width:1226px;
    height:170px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.ser-con .leftBox{
    width:234px;
    height:170px;
    display: flex;
    flex-wrap: wrap;
}
.ser-con .leftBox .box1,.box2,.box3,.box4,.box5,.box6{
    width:78px;
    height:85px;
    background: #5f5750;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color:#ccc;
}
.ser-con .leftBox .box1:hover, .box2:hover,.box3:hover,.box4:hover,.box5:hover,.box6:hover {
    color:#fff !important;
}
.ser-con .leftBox i{
    font-size:22px !important;
    /* color:#ccc; */
    padding-bottom: 8px;
}
.ser-con .leftBox span{
    font-size:12px;
    /* color:#ccc; */
}
.ser-con .imgBox1,.imgBox2,.imgBox3{
    width:316px;
    height:170px;
}
.ser-con  img{
    width:316px;
    height:170px;
}
/* 小米产品 */
#pros{
    width:100%;
    height:146px;
    background:#f5f5f5;
}
.pros-con{
    width:1226px;
    height:146px;
    margin:0 auto;
}
.pros-con>a>img{
    padding-top:26px;
}
/* 手机栏 */
#phone{
    width:100%;
    height:694px;
    background: #f5f5f5;
}
.phone-con{
    width:1226px;
    height:694px;
    margin:0 auto;
    /* display: flex; */
}
.phone-con .more{
    display: flex;
    justify-content: space-between;
    
}
.phone-con .more p{
    margin:40px 0 20px 0;
}
.phone-con .more p:nth-child(2){
    padding-left:1080px;
}
.phone-con .more p:nth-child(3){
    width:20px;
    height:20px;
    background: #999;
    border-radius:50%;
    text-align: center;
}
.phone-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.phone-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.phone-con .more p:nth-child(3) a{
    font-size:12px;
    color:#fff;
}
.phone-con .more p:hover a{
    color:orangered;
}
.phone-con .photo{
    display: flex;
    justify-content: space-between;
}
.bigPhone{
    width:234px;
    height:614px;
}
.smallPhone{
    width:978px;
    height:614px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.smallPhone>div{
    width:234px;
    height:300px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.smallPhone>div>h4{
    font-weight: normal;
}
.smallPhone>div>p{
    font-size:12px;
    color:#CCC1B0;
}
.smallPhone>div>span{
    color:#FF7F00;
}
/* 家电栏 */
#appliance{
    width:100%;
    height:694px;
    background: #f5f5f5;
}
.appliance-con{
    width:1226px;
    height:694px;
    margin:0 auto;
    /* display: flex; */
}
.appliance-con .more{
    width:1226px;
    height:80px;
    display: flex;
    justify-content: space-between;
}
.appliance-con .more p{
    margin:40px 0 20px 0;
}
.appliance-con .more p:nth-child(2){
    padding-left:1000px;
}
.appliance-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.appliance-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.appliance-con .more p:hover a{
    color:orangered;
}
.appliance-con .appPic{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.appPic>div{
    width:234px;
    height:300px;
    background: #fff;
    text-align:center;
    line-height: 25px;
    cursor: pointer;
}
.appPic>div:nth-child(6){
    margin-top:14px;
}
.appPic>div:nth-child(7){
    margin-top:14px;
}
.appPic>div:nth-child(8){
    margin-top:14px;
}
.appPic>div:nth-child(9){
    margin-top:14px;
}
.appPic>div:nth-child(10){
    margin-top:14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f5f5;
}
.appPic>div:nth-child(10) div{
    width:234px;
    height:143px;
    position: relative;
    background: #fff;
}
.appPic>div:nth-child(10) .check img{
   position: absolute;
   left:120px;
   top:20px;
} 
.appPic>div:nth-child(10) .check h4{
    position: absolute;
    left:20px;
    top:30px;
 } 
.appPic>div:nth-child(10) .check span{
    position: absolute;
    left:20px;
    top:55px;
} 
.appPic>div:nth-child(10) .getMore{
    position: relative;
}
.appPic>div:nth-child(10) .getMore p{
    position: absolute;
    font-size:20px;
    left:20px;
    top:35px;
}
.appPic>div:nth-child(10) .getMore span{
    position: absolute;
    font-size:12px;
    color:#CCC1B0;
    left:20px;
    top:60px;
}
.appPic>div:nth-child(10) .getMore i{
    position: absolute;
    font-size:50px !important;
    color:orangered;
    left:150px;
    top:48px;
}
.appPic .check h4{
    font-weight: normal;
}
.appPic .check p{
    font-size:12px;
    color:#CCC1B0;
}
.appPic .check span{
    color:#FF7F00;
}
/* 智能栏 */
#smart{
    width:100%;
    height:694px;
    background: #f5f5f5;
}
.smart-con{
    width:1226px;
    height:694px;
    margin:0 auto;
    /* display: flex; */
}
.smart-con .more{
    width:1226px;
    height:80px;
    display: flex;
    justify-content: space-between;
}
.smart-con .more p{
    margin:40px 0 20px 0;
}
.smart-con .more p:nth-child(2){
    padding-left:1000px;
}
.smart-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.smart-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.smart-con .more p:hover a{
    color:orangered;
}
.smart-con .smartPro{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.smartPro>div{
    width:234px;
    height:300px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.smartPro>div:nth-child(6){
    margin-top:14px;
}
.smartPro>div:nth-child(7){
    margin-top:14px;
}
.smartPro>div:nth-child(8){
    margin-top:14px;
}
.smartPro>div:nth-child(9){
    margin-top:14px;
}
.smartPro>div:nth-child(10){
    margin-top:14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f5f5;
}
.smartPro>div:nth-child(10) div{
    width:234px;
    height:143px;
    background:#fff;
    position: relative;
}
.smartPro>div:nth-child(10) .check img{
   position: absolute;
   left:120px;
   top:20px;
} 
.smartPro>div:nth-child(10) .check h4{
    position: absolute;
    left:20px;
    top:30px;
 } 
.smartPro>div:nth-child(10) .check span{
    position: absolute;
    left:20px;
    top:55px;
} 
.smartPro>div:nth-child(10) .getMore{
    position: relative;
}
.smartPro>div:nth-child(10) .getMore p{
    position: absolute;
    font-size:20px;
    left:20px;
    top:35px;
}
.smartPro>div:nth-child(10) .getMore span{
    position: absolute;
    font-size:12px;
    color:#CCC1B0;
    left:20px;
    top:60px;
}
.smartPro>div:nth-child(10) .getMore i{
    position: absolute;
    font-size:50px !important;
    color:orangered;
    left:150px;
    top:48px;
}
.smartPro .check h4{
    font-weight: normal;
}
.smartPro .check p{
    font-size:12px;
    color:#CCC1B0;
}
.smartPro .check span{
    color:#FF7F00;
}
/* 小米产品图片2 */
#prosPhoto{
    width:100%;
    height:156px;
    background:#f5f5f5;
}
.prosPhoto-con{
    width:1226px;
    height:156px;
    margin:0 auto;
}
.prosPhoto-con>img{
    margin-top:36px;
}
/* 搭配栏 */
#equip{
    width:100%;
    height:694px;
    background: #f5f5f5;
}
.equip-con{
    width:1226px;
    height:694px;
    margin:0 auto;
    /* display: flex; */
}
.equip-con .more{
    width:1226px;
    height:80px;
    display: flex;
    justify-content: space-between;
}
.equip-con .more p{
    margin:40px 0 20px 0;
}
.equip-con .more p:nth-child(2){
    padding-left:1000px;
}
.equip-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.equip-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.equip-con .more p:hover a{
    color:orangered;
}
.equip-con .equipPro{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.equipPro>div{
    width:234px;
    height:300px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.equipPro>div:nth-child(6){
    margin-top:14px;
}
.equipPro>div:nth-child(7){
    margin-top:14px;
}
.equipPro>div:nth-child(8){
    margin-top:14px;
}
.equipPro>div:nth-child(9){
    margin-top:14px;
}
.equipPro>div:nth-child(10){
    margin-top:14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f5f5;
}
.equipPro>div:nth-child(10) div{
    width:234px;
    height:143px;
    background:#fff;
    position: relative;
}
.equipPro>div:nth-child(10) .check img{
    position: absolute;
    left:120px;
    top:20px;
 } 
 .equipPro>div:nth-child(10) .check h4{
     position: absolute;
     left:20px;
     top:30px;
  } 
 .equipPro>div:nth-child(10) .check span{
     position: absolute;
     left:20px;
     top:55px;
 } 
 .equipPro>div:nth-child(10) .getMore{
     position: relative;
 }
 .equipPro>div:nth-child(10) .getMore p{
     position: absolute;
     font-size:20px;
     left:20px;
     top:35px;
 }
.equipPro>div:nth-child(10) .getMore span{
     position: absolute;
     font-size:12px;
     color:#CCC1B0;
     left:20px;
     top:60px;
 }
 .equipPro>div:nth-child(10) .getMore i{
     position: absolute;
     font-size:50px !important;
     color:orangered;
     left:150px;
     top:48px;
 }
 .equipPro .check h4{
     font-weight: normal;
 }
 .equipPro .check p{
     font-size:12px;
     color:#CCC1B0;
 }
 .equipPro .check span{
     color:#FF7F00;
 }
/* 配件栏 */
#parts{
    width:100%;
    height:694px;
    background: #f5f5f5;
}
.parts-con{
    width:1226px;
    height:694px;
    margin:0 auto;
    /* display: flex; */
}
.parts-con .more{
    width:1226px;
    height:80px;
    display: flex;
    justify-content: space-between;
}
.parts-con .more p{
    margin:40px 0 20px 0;
}
.parts-con .more p:nth-child(2){
    padding-left:1000px;
}
.parts-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.parts-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.parts-con .more p:hover a{
    color:orangered;
}
.parts-con .partsPro{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.partsPro>div{
    width:234px;
    height:300px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.partsPro>div:nth-child(6){
    margin-top:14px;
}
.partsPro>div:nth-child(7){
    margin-top:14px;
}
.partsPro>div:nth-child(8){
    margin-top:14px;
}
.partsPro>div:nth-child(9){
    margin-top:14px;
}
.partsPro>div:nth-child(10){
    margin-top:14px;
    display: flex;
    background: #f5f5f5;
    flex-direction: column;
    justify-content: space-between;
}
.partsPro>div:nth-child(10) div{
    width:234px;
    height:143px;
    background:#fff;
    position: relative;
}
.partsPro>div:nth-child(10) .check img{
    position: absolute;
    left:120px;
    top:20px;
 } 
 .partsPro>div:nth-child(10) .check h4{
     position: absolute;
     left:20px;
     top:30px;
  } 
 .partsPro>div:nth-child(10) .check span{
     position: absolute;
     left:20px;
     top:55px;
 } 
 .partsPro>div:nth-child(10) .getMore{
     position: relative;
 }
 .partsPro>div:nth-child(10) .getMore p{
     position: absolute;
     font-size:20px;
     left:20px;
     top:35px;
 }
 .partsPro>div:nth-child(10) .getMore span{
     position: absolute;
     font-size:12px;
     color:#CCC1B0;
     left:20px;
     top:60px;
 }
 .partsPro>div:nth-child(10) .getMore i{
     position: absolute;
     font-size:50px !important;
     color:orangered;
     left:150px;
     top:48px;
 }
 .partsPro .check h4{
     font-weight: normal;
 }
 .partsPro .check p{
     font-size:12px;
     color:#CCC1B0;
 }
 .partsPro .check span{
     color:#FF7F00;
 }
/* 周边栏 */
#around{
    width:100%;
    height:694px;
    background: #f5f5f5;
}
.around-con{
    width:1226px;
    height:694px;
    margin:0 auto;
    /* display: flex; */
}
.around-con .more{
    width:1226px;
    height:80px;
    display: flex;
    justify-content: space-between;
}
.around-con .more p{
    margin:40px 0 20px 0;
}
.around-con .more p:nth-child(2){
    padding-left:1000px;
}
.around-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.around-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.around-con .more p:hover a{
    color:orangered;
}
.around-con .aroundPro{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.aroundPro>div{
    width:234px;
    height:300px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 25px;
}
.aroundPro>div:nth-child(6){
    margin-top:14px;
}
.aroundPro>div:nth-child(7){
    margin-top:14px;
}
.aroundPro>div:nth-child(8){
    margin-top:14px;
}
.aroundPro>div:nth-child(9){
    margin-top:14px;
}
.aroundPro>div:nth-child(10){
    margin-top:14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f5f5;
}
.aroundPro>div:nth-child(10) div{
    width:234px;
    height:143px;
    background:#fff;
    position: relative;
}
.aroundPro>div:nth-child(10) .check img{
    position: absolute;
    left:120px;
    top:20px;
 } 
.aroundPro>div:nth-child(10) .check h4{
     position: absolute;
     left:20px;
     top:30px;
  } 
.aroundPro>div:nth-child(10) .check span{
     position: absolute;
     left:20px;
     top:55px;
 } 
.aroundPro>div:nth-child(10) .getMore{
     position: relative;
 }
.aroundPro>div:nth-child(10) .getMore p{
     position: absolute;
     font-size:20px;
     left:20px;
     top:35px;
 }
.aroundPro>div:nth-child(10) .getMore span{
     position: absolute;
     font-size:12px;
     color:#CCC1B0;
     left:20px;
     top:60px;
 }
.aroundPro>div:nth-child(10) .getMore i{
     position: absolute;
     font-size:50px !important;
     color:orangered;
     left:150px;
     top:48px;
 }
.aroundPro .check h4{
     font-weight: normal;
 }
.aroundPro .check p{
     font-size:12px;
     color:#CCC1B0;
 }
.aroundPro .check span{
     color:#FF7F00;
 }
/* 小米产品图片3 */
#ProsPhoto{
    width:100%;
    height:156px;
    background:#f5f5f5;
}
.ProsPhoto-con{
    width:1226px;
    height:156px;
    margin:0 auto;
}
.ProsPhoto-con>img{
    margin-top:36px;
}
/* 视频栏 */
#videos{
    width:100%;
    height:391px;
    background: #f5f5f5;
}
.videos-con{
    width:1226px;
    height:391px;
    margin:0 auto;
    /* display: flex; */
}
.videos-con .more{
    display: flex;
    justify-content: space-between;
    
}
.videos-con .more p{
    margin:40px 0 20px 0;
}
.videos-con .more p:nth-child(2){
    padding-left:1080px;
}
.videos-con .more p:nth-child(3){
    width:20px;
    height:20px;
    background: #999;
    border-radius:50%;
    text-align: center;
}
.videos-con .more p:first-child a{
    font-size:22px;
    color:#000;
}
.videos-con .more p:nth-child(2) a{
    font-size:16px;
    color:#000;
}
.videos-con .more p:nth-child(3) a{
    font-size:12px;
    color:#fff;
}
.videos-con .more p:hover a{
    color:orangered;
}
.Video{
    width:1226px;
    height:285px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.Video>div{
    width:296px;
    height:285px;
    background:#fff;
    text-align: center;
    line-height: 50px;
}
.Video>div h4{
    font-weight: normal;
    font-size: 12px;
    color:#CCC1B0;
    line-height: 0;
}

/* 底部栏 */
#footer{
    width:100%;
    height:330px;
    background: #fff;
}
.footer-con{
    width:1226px;
    height:330px;
    margin:0 auto;
}
.footer-con .ulTop{
    width:1226px;
    height:80px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom:1px solid #ccc;
}
.footer-con .ulTop li{
    font-size:16px;
}
.footer-con .ulTop li i{
    font-size:24px !important;
    padding-right:6px;
    line-height: 80px;
}
.footer-con .ulTop li span{
    font-size:16px !important;
    padding-left:55px;
    color:#ccc;
}
.footer-con table tr:first-child td{
    font-size:14px;
    padding:40px 52px 15px 52px;
}
.footer-con table tr:not(:first-child) td{
    font-size:12px;
    color:#757575;
    padding:10px 52px 0px 52px;
}
.footer-con table tr:not(:first-child) td:first-child{
    padding-left:0;
}
.call{
    width:251px;
    height:110px;
    float:right;
    text-align: center;
    margin-top:40px;
    border-left:1px solid #ccc;
}
.call p{
    line-height: 30px;
}
.call p:first-child{
    font-size:18px;
    color:orangered;
}
.call p:not(:first-child){
    font-size:12px;
}
.call p:nth-child(3){
    width:118px;
    height:28px;
    border:1px solid orangered;
    margin-left:65px;
    line-height: 28px;
    color:orangered;
}
.call p:nth-child(4) i{
    font-size:20px !important;
    padding-left:10px;
    color:#474747;
}
/* 版权栏 */
#copyright{
    width:100%;
    height:266px;
    background: #F5F5F5;
}
.copy-con{
    width:1226px;
    height:266px;
    margin:0 auto;
    background:url(../images/logo-mi2.png) no-repeat left 30px;
    background-size:56px 56px;
}
.copy-con ul{
    padding:34px 0 0 66px;
}
.copy-con ul li{
    float:left;
    font-size:12px;
    padding:0 6px;
    background:url(../images/1.png) no-repeat right center;
}
.copy-con ol{
    padding:4px 0 0 66px;
}
.copy-con ol li{
    float:left;
    font-size:12px;
    padding:0 6px;
    background:url(../images/1.png) no-repeat right center;
}
.copy-con p{
    font-size:12px;
    color:#757575;
    padding:4px 0 0 72px;
}
.copy-con h4{
    width:1226px;
    height:28px;
    margin-top:8px;
    background-image:url(../images/13.png),url(../images/v-logo-2.png),url(../images/icon3.png),url(../images/14.png);
    background-repeat:no-repeat,no-repeat, no-repeat,no-repeat;
    background-position: 72px center,159px center,246px center,333px center;
    background-size:87px 28px;
}
.copy-con h3{
    font-size:16px;
    color:#ccc;
    padding:40px 0 0 428px;
    letter-spacing: 4px;
}
/* 固定栏 */
#fix{
    width:24px;
    height:210px;
    position: fixed;;
    left:1288px;
    top:408px;
}
#fix>p{
    width:24px;
    height:40px;
    border:1px solid #F5F5F5;
    text-align: center;
    background: #fff;
}
#fix>p>i{
    font-size:18px !important;
    color:#b9b9b9;
    line-height: 40px;
    font-weight: bold;
}
/* 回到顶部 */
#backTop{
    width:24px;
    height:40px;
    border:1px solid #F5F5F5;
    background: #fff;
   /*  position: fixed;
    left:1288px;
    top:800px; */
    text-align: center;
    cursor: pointer;
    display: none;
}
#backTop i{
    font-size:18px !important;
    font-weight: bold;
    color:#b9b9b9;
    line-height: 40px;
}
#backTop:hover i{
    color:orangered;
}
#box{
    height:1000px;
}